<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="-1">
<title>Formulário de criação de Listas de Verificação</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="util.js"></script>
<script type="text/javascript" src="create-list-form.js"></script>
</head>

<script type="text/javascript">
	changeComponent = new Function("");
	blurComponent = new Function("");
	focusComponent = new Function("");
	
	
	FORM = "$create_list_form";

	
</script>

<body onload="initialize()" onbeforeunload="checkExit()">
<div  class="list-form-header">
	<table  style="width: 100%;" >
		<tr>
			<td  width="70%;">
				<table>
					<tr style="display: none;">
						<td>ID:</td>
						<td id="$ID" colspan="2"></td>
					</tr>
					<tr>
						<td>Identificador da Inspeção:</td>
						<td id="$name" colspan="2"></td>
					</tr>
					<tr>
						<td>Moderador:</td>
						<td id="$moderator" colspan="2"></td>
					</tr>
					<tr>
						<td>Descrição da Inspeção de Software:</td>
						<td id="$description" colspan="2"></td>
					</tr>
					<tr>
						<td>Autor(es) do(s) Artefato(s):</td>
						<td id="$artifactauthors" colspan="2"></td>
					</tr>
					<tr>
						<td>Revisor:</td>
						<td id="$reviser"></td>
						<td><button onclick="showPickUsers()">+</button></td>
					</tr>
				</table>
			</td>
			<td  width="25%;" >
				<div class="control-panel-container" >
					<table>
						<tr>
							<td colspan="3" style="text-align: center;">Painel de Controle</td>
						</tr>
						<tr>
							<td>Item de Verificação</td>
							<td><div onclick="addItemList()" class="control-panel-option-add" style="background-image: url('images/add.png');" ></div></td>
							<td><div onclick="deleteItem()" class="control-panel-option-remove" style="background-image: url('images/delete.png');" ></div></td>
						</tr>
						<tr>
							<td>Passo de Verificação</td>
							<td><div onclick="addStep()" class="control-panel-option-add" style="background-image: url('images/add.png');" ></div></td>
							<td><div onclick="deleteStep()" class="control-panel-option-remove" style="background-image: url('images/delete.png');" ></div></td>
						</tr>
						<tr>
							<td><div onclick="saveCheckList()" class="control-panel-option-add" style="background-image: url('images/save.png'); width: 65px;" >&nbsp &nbsp &nbsp Salvar </div></td>
<!-- 							<td><button onclick="showSearchForm()">Buscar Lista</button></td> -->
						</tr>
					</table>
				</div>
			</td>
			<td width="5%;">
				<img class="go-back-button" alt="Voltar" onclick="internalGoBack()" src="images/back.png">
			</td>

		</tr>
	</table>
</div>
	
	<div id="$form_area">
		<table id="$result_table" style="vertical-align: top;"></table>
	</div>
	

	<div id="step-form" class="step-form"
		style="display: none; background-color: #E8E8E8;">
		<table>
			<tr>
				<td colspan="2">Definição de Passo de Verificação</td>
			</tr>
			<tr>
				<td>Descrição:</td>
				<td><textarea id="step-description"></textarea></td>
			</tr>
			<tr>
				<td>Componente:</td>
				<td><select id="step-component"
					onchange="handleComponentCombo(this)" id="component">
						<option value="EditBox">EditBox</option>
						<option value="ComboBox">ComboBox</option>
						<option value="CheckBox">CheckBox</option>
						<option value="TextArea">TextArea</option>
				</select></td>
			</tr>
			<tr id="combo-values" style="display: none">
				<td>Valores: </td>
				<td><textarea id="step-combo-values"></textarea> <br> <i>Use ";" para separar itens</i></td>
			</tr>
			
			<tr>
				<td><button onclick="saveStep()">Adicionar</button></td>
				<td><button onclick="cancelStep()">Cancelar</button></td>
			</tr>
		</table>
	</div>

	<div id="search-form" class="step-form"
		style="display: none; background-color: #E8E8E8;">
		<table>
			<tr>
				<td colspan="3">Busca de Template de Checklist</td>
			</tr>
			<tr>
				<td>Nome:</td>
				<td><input id="search-form-edit" type="text" /></td>
				<td><button onclick="getCheckList()">Buscar</button></td>
			</tr>
		</table>
	</div>
	
	<div id="pickUsersCt" class="pick-users-ct" style="display: none;">
		<table>
			<tr>
				<td id="pickUsersFields" > 
				</td>
			</tr>
			<tr>
				<td>
					<button onclick="applyUsers()" >OK</button>
				</td>
			</tr>
		</table>
	</div>
</body>
</html>